<template>
  <div class="am-content">
    <div class="amc-toolbar">
      <el-input v-model="query.name" class="m-input-width" placeholder="请输入姓名" clearable/>
      <el-input v-model="query.idCard" class="m-input-width" style="margin-left:10px;" placeholder="请输入身份证号码" clearable/>
      <el-button type="success" icon="el-icon-search" style="margin-left:10px;" @click="toQuery">搜索</el-button>
      <el-button type="warning" icon="el-icon-refresh-right" @click="resetQuery">重置</el-button>
    </div>
    <el-table border stripe :data="tableData" :header-cell-style="tableHeaderCellStyle">
      <el-table-column prop="name" label="姓名" align="center"/>
      <el-table-column prop="idCard" label="身份证号码" align="center"/>
      <el-table-column prop="phone" label="手机" align="center"/>
      <el-table-column prop="authentication" label="认证方式" align="center"/>
      <el-table-column prop="createTime" label="注册时间" align="center"/>
    </el-table>
    <el-pagination :current-page="curPage" :page-size="limit" layout="total, prev, pager, next" :total="total" @size-change="handleSizeChange" @current-change="handleCurrentChange"/>
  </div>
</template>

<script>
import paginationb from "@/mixins/paginationb";
import CommonStyle from "@/util/CommonStyle";
export default {
  name: "ManageCertification",
  mixins: [paginationb],
  data() {
    return {
      tableHeaderCellStyle: CommonStyle.tableHeaderCellStyle,
      queryUrl: "/api-bureau/portal/auth/list",
    }
  },
  mounted() {
    let that = this;
    that.queryData();
  }
}
</script>

<style lang="scss" scoped>
  @import "../../../styles/police-common.scss";
</style>
